




// 定义px
@for $i from 0 to 50 {
	.louis-font-#{$i}px {
		font-size: $i + px;
	}
	.louis-#{$i}px {
		font-size: $i + px !important;
	}
}
// 定义rpx
@for $i from 0 through 200 {
	.louis-font-#{$i}rpx {
		font-size: $i + rpx !important;
	}
	.louis-#{$i}rpx {
		font-size: $i + rpx !important;
	}
	.louis-#{$i} {
		font-size: $i + rpx !important;
	}
	
}




//字体方向
.louis-text-left {
   text-align: left;
}
.louis-text-right{
   text-align: right;
}
.louis-text-center{
   text-align: center;	
}
//字体粗细
.louis-text-B{
   font-weight: bold;
}
.louis-text-bold{
   font-weight: bold;
}

.louis-text-bolder{
   font-weight: bolder;
}
.louis-text-normal{
   font-weight: normal;
}
.louis-text-lighter{
	font-weight: lighter;
}
.louis-text-N{
   font-weight: normal;
}
.louis-text-L{
	font-weight: lighter;
}
// 字体风格
.louis-text-italic{
	font-style: italic;
}
.louis-text-I{
	font-style: italic;
	}
.louis-text-i{
font-style: italic;
}
.louis-text-oblique{
	font-style: oblique;
}

.louis-text-underline {
    text-decoration: underline;
}
.louis-text-overline {
    text-decoration:overline;
}
.louis-text-line-through {
    text-decoration: line-through;
}
.louis-text-underline-dotted {
    text-decoration:underline dotted;
}
.louis-text-overline-dotted {
    text-decoration:overline dotted;
}
.louis-text-overline-wavy{
text-decoration:  overline wavy;
}
.louis-text-underline-wavy{
text-decoration: underline  wavy;
}

//字体粗细
.louis-font-B{
   font-weight: bold;
}
.louis-font-b{
   font-weight: bold;
}
.louis-font-bold{
   font-weight: bold;
}


//字体方向
.louis-font-left {
   text-align: left;
}
.louis-font-right{
   text-align: right;
}
.louis-font-center{
   text-align: center;	
}
//字体粗细
.louis-font-B{
   font-weight: bold;
}
.louis-font-bold{
   font-weight: bold;
}

.louis-font-bolder{
   font-weight: bolder;
}
.louis-font-normal{
   font-weight: normal;
}
.louis-font-lighter{
	font-weight: lighter;
}
.louis-font-N{
   font-weight: normal;
}
.louis-font-L{
	font-weight: lighter;
}
// 字体风格
.louis-font-italic{
	font-style: italic;
}
.louis-font-I{
	font-style: italic;
	}
.louis-font-i{
font-style: italic;
}
.louis-font-oblique{
	font-style: oblique;
}

.louis-font-underline {
    text-decoration: underline;
}
.louis-font-overline {
    text-decoration:overline;
}
.louis-font-line-through {
    text-decoration: line-through;
}
.louis-font-underline-dotted {
    text-decoration:underline dotted;
}
.louis-font-overline-dotted {
    text-decoration:overline dotted;
}
.louis-font-overline-wavy{
text-decoration:  overline wavy;
}
.louis-font-underline-wavy{
text-decoration: underline  wavy;
}
// 像素化
.louis-font-pixel{
	 font-family: font-test !important
}
//首字母大写
.louis-font-capitalize{
	text-transform:capitalize;
}
.louis-font-uppercase{
	text-transform:uppercase;
}

.louis-font-lowercase{
	text-transform:lowercase;
}
.louis-font-ellipsis{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
@for $i from 0 through 200 {
	.louis-font-ellipsis-#{$i} {
			display:-webkit-box;
			-webkit-box-orient:vertical;
			-webkit-line-clamp:$i;//控制行数
			overflow:hidden;
		
	}
}
// 定义px
@for $i from 0 to 50 {
	.louis-line-height-#{$i}px {
		line-height: $i + px;
	}
}
// 定义rpx
@for $i from 0 through 200 {
	.louis-line-height-#{$i}rpx {
		line-height: $i + rpx !important;
	}
}
